<template>
	<view class="content">
		<view class="mtop">
			<view class="item">
				<view class="txt1">
					今日盈利(USDT)
				</view>
				<view class="txt2">
					1000.00
				</view>
			</view>
			<view class="item">
				<view class="txt1">
					累计盈利(USDT)
				</view>
				<view class="txt2">
					1000.00
				</view>
			</view>
		</view>
		<view class="boxStyle">
			
		<view class="item-list" v-for="(item,i) in list" :key='i'>
			<view class="flex">
				<view class="txt3">
					盈利
				</view>
				<view class="txt4">
					0.02455USDT
				</view>
				<view class="txt5">
					2021-03-16
				</view>
			</view>
		</view>
		
		<u-loadmore :status="status" />
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				status: 'loadmore',
				list: 15,
				page: 0,
			}
		},
		onReachBottom() {
			if(this.page >= 3) return ;
			this.status = 'loading';
			this.page = ++ this.page;
			setTimeout(() => {
				this.list += 10;
				if(this.page >= 3) this.status = 'nomore';
				else this.status = 'loading';
			}, 2000)
		},
		methods: {
			
		}
	}
</script>

<style scoped>
	page{
		background: #f8f8f8;
		}
.content{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: #f8f8f8;
	}
	.mtop{
		margin: 2rpx auto 10rpx;
		display: flex;
		justify-content: space-around;
		width: 100%;
		background: #FFFFFF;
	}
.item{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
	background: url(../../../static/images/btn/sqbg.png) no-repeat;
	background-size: 100% 100%;
	border-radius: 15rpx;
	color: #FFFFFF;
	    padding: 40rpx 24rpx;
	margin: 24rpx;
	flex: 1;
}
.txt1{
	font-size: 24rpx;
	}
.txt2{
	font-size: 48rpx;
	font-weight: 600;
	
	}
	.boxStyle{
		width: 100%;
	}
.item-list{
	width: 100%;
	background: #fff;
	padding: 24rpx 36rpx;
	margin: 10rpx auto;
	}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	.txt3{
		color: #000000;
	}
	.txt4{
		color: #18B566;
		font-size: 26rpx;
		font-weight: 600;
	}
	.txt5{
		font-size: 22rpx;
		color: #8F8F94;
	}
</style>
